<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">

    <title>登录</title>
        <meta charset="utf-8">
        <title>登录</title>
        <style>
            *{
                margin:0;
                padding:0;
                box-sizing:border-box;
            }
            body {
                background-image: url(" aa");
                background-size: cover;
                font-family: "微软雅黑", sans-serif;
            }
            .login {
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -150px 0 0 -150px;
                width:300px;
                height:300px;
            }
            .login h1 {
                color:#555555;
                text-shadow: 0px 10px 10px #CDC673;
                letter-spacing:2px;text-align:center;
                margin-bottom:20px;
            }
            input{
                padding:10px;
                width:100%;
                color:white;
                margin-bottom:10px;
                background-color:#555555;
                border: 1px solid black;
                border-radius:5px;
                letter-spacing:2px;
            }
            form button{
                width:100%;
                padding:10px;
                margin-bottom:10px;
                background-color:#CDC673;
                border:1px solid black;
                border-radius:5px;
                cursor:pointer;
            }
        </style>
</head>
<!--    1. 表单提交方式需要设置为POST
2. 登陆 按钮和 注册 按钮需要使用 button 标签实现
-->

<body class="login">
<h1>Login</h1>
<form action="#" method="post">
    <input type="text" name="user" placeholder="请输入密码">
    <input type="password" name="password" placeholder="请输入密码">
    <button type="submit">登录</button>
    <button type="submit">注册</button>
</form>



</body>
  </html>